<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

	<ui:composition template="/section/cp/controlPanelLayout.xhtml">

		<ui:define name="pageTitle">#{cpContent.resourcesManagementTitle}</ui:define>
		
		<ui:define name="sidebarContent">
			<ul>
				<li>
					<a id="tripManagement" class="selected">
						<span class="icon"></span>
						<span class="label">#{cpContent.tripManagement}</span>
					</a>
				</li>
				<li>
					<a id="busManagement">
						<span class="icon"></span>
						<span class="label">#{cpContent.busManagement}</span>
					</a>
				</li>
				<li>
					<a id="generalSettings">
					<span class="icon"></span>
					<span class="label">#{cpContent.generalSettings}</span>
					</a>
				</li>
			</ul>
			
			<h:outputScript library="js" name="sidebar.js" target="head"></h:outputScript>
			<h:outputScript library="js" name="tabs.js" target="head"></h:outputScript>
			<h:outputScript target="body">
				$(document).ready( function() { initPage(); } );
			</h:outputScript>
		</ui:define>
		
		<ui:define name="workspaceContent">
			
			<ui:include src="/section/cp/tripManagementWorkspace.xhtml"></ui:include>
			
			<ui:include src="/section/cp/generalSettingsWorkspace.xhtml"></ui:include>
		</ui:define>
		
	</ui:composition>
</html>